<!DOCTYPE html>
<html lang="en">
<head>
    <title id="Description">jqxComplexInput validates the entered complex number on the
        keydown and change events. Spaces are also automatically added if necessary.
    </title>
    <meta name="description" content="jqxComplexInput validates the entered complex number on the keydown and change events. Spaces are also automatically added if necessary." />
    <link type="text/css" rel="Stylesheet" href="../../jqwidgets/styles/jqx.base.css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcomplexinput.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxComplexInput").jqxComplexInput({ width: 250, height: 25, value: "15 + 7.2i", spinButtons: false });

            $("#setWrongValue").jqxButton({ width: 200 });

            $("#setWrongValue").click(function () {
                $("#jqxComplexInput").jqxComplexInput("val", "11- 2ii");
            });
        });
    </script>
</head>
<body>
    <input id="jqxComplexInput" type="text" />
    <div style="margin-top: 20px;">
        <button id="setWrongValue">
            Set wrong value: "11- 2ii"</button>
    </div>
</body>
</html>